
	/* HTML */

		body {
			margin:				0px;
			padding:			0px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			background:			white url( "JO_80_image/JO_02_background.jpg" ) repeat-x top;
		}

		a					{ color: #7D7D7D; /* 60 */		text-decoration: none; }
		a:hover				{ color: black;					text-decoration: none; }

		ul					{ margin: 4px 0px 4px 19px; padding: 0px; line-height: 16px; }
		li					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1px; line-height: 16px; list-style-type: circle;  list-style-position: outside;}

		img					{ border: 0px; }
		iframe				{ border: 0px; }

		table				{ border-collapse: collapse; }

		tr {
			margin:				0px;
			padding:			0px;
			vertical-align:		top;
		}

		th {
			margin:				0px;
			padding:			4px 7px 3px 8px;
			line-height:		16px;
			text-align:			left;
			vertical-align:		middle;
			border-bottom:		1px solid #D7D7D7; /* 20 */
			background-color:	#EBEBEB; /* 10 */
		}

		td {
			margin:				0px;
			padding:			4px 7px 3px 8px;
			line-height:		16px;
			vertical-align:		top;
			border-bottom:		1px solid #D7D7D7; /* 20 */
		}

		input {
			margin:				4px 0px;
			padding:			3px 5px 3px 6px;
			height:				16px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			border:				1px solid #ACACAC; /* 40 */
			background-color:	white;
		}

		textarea {
			margin:				4px 0px;
			padding:			3px 8px 3px 7px;
			height:				16px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			border:				1px solid #ACACAC; /* 40 */
			background-color:	white;
		}

		select {
			margin:				4px 0px;
			padding:			3px;
			height:				24px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			border:				1px solid #ACACAC; /* 40 */
			background-color:	white;
		}



	/* JukeOn™ */

		#JO {

			position:			relative;
			margin-left:		-480px; 
			padding:			0px;
			left:				50%;
			width:				960px;

		}



	/* Common Basic */

		.JO_none			{ display:			none;			}
		.JO_inline			{ display:			inline;			}

		.JO_relative		{ position:			relative;		}
		.JO_absolute		{ position:			absolute;		}

		.JO_both			{ clear:			both;			}
		.JO_left			{ float:			left;			}

		.JO_help			{ cursor:			help;			}
		.JO_pointer			{ cursor:			pointer;		}

		.JO_white			{ color:			white;			}
		.JO_gray_20			{ color:			#D7D7D7;		}
		.JO_gray_40			{ color:			#ACACAC;		}
		.JO_gray_60			{ color:			#7D7D7D;		}
		.JO_gray_80			{ color:			#464646;		}
		.JO_black			{ color:			black;			}

		.JO_negative		{ color:			#FF0000;		}
		.JO_positive		{ color:			#0000FF;		}

		.JO_10px			{ font-size:		10px;			}
		.JO_12px			{ font-size:		12px;			}
		.JO_13px			{ font-size:		13px;			}
		.JO_14px			{ font-size:		14px;			}
		.JO_15px			{ font-size:		15px;			}

		.JO_normal			{ font-weight:		normal;			}
		.JO_bold			{ font-weight:		bold;			}

		.JO_center			{ text-align:		center;			}
		.JO_right			{ text-align:		right;			}

		.JO_underline		{ text-decoration:	underline;		}
		.JO_line-through	{ text-decoration:	line-through;	}
		.JO_blink			{ text-decoration:	blink;			}

		.JO_top				{ vertical-align:	top;			}
		.JO_middle			{ vertical-align:	middle;			}
		.JO_bottom			{ vertical-align:	bottom;			}



	/* Common Application */

		.JO_adhesive		{ margin: 0px; padding: 0px; }

		.JO_icon			{ margin: 2px 0px; width: 12px; height: 12px; vertical-align: top; }

		.JO_button			{ height: 24px; cursor: pointer; font-weight: bold; }
		.JO_button:hover	{ color: black; border: 1px solid #464646; /* 80 */ }

		.JO_select {
			display:			none;
			position:			absolute;
			margin:				0px;
			padding:			3px 3px 3px 3px;
			border:				1px solid #D7D7D7;	/* 20 */
			background-color:	white;
			z-index:			1;
		}

		.JO_option {
			display:			block;
			margin:				0px;
			padding:			2px 7px 2px 6px;
			cursor:				pointer;
			color:				#7D7D7D; /* 60 */
			line-height:		16px;
		}

		.JO_option:hover {
			color:				black;
			background-color:	#EBEBEB; /* 10 */
		}

		.JO_number {
			margin:				0px;
			padding:			4px 1px 4px 2px;
			width:				21px;
			height:				16px;
			cursor:				default;
			color:				#ACACAC; /* 40 */
			font-weight:		bold;
			text-align:			center;
			background-image:	url( "JO_80_image/JO_11_number_24.png" );
		}



	/* Head */

		.JO_head_menu			{ color: #D7D7D7; /* 20 */	}
		.JO_head_menu:hover		{ color: white;				}

		.JO_head_member			{ color: white;				}
		.JO_head_member:hover	{ color: #D7D7D7; /* 20 */	}



	/* Page */

		.JO_page	{
			position:			relative;
			width:				960px;
			height:				32px;
		}

		.JO_page h1 {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 12px;
			left:				0px;
			top:				0px;
			width:				228px;
			color:				black;
			font-size:			15px;
			line-height:		32px;
		}

		.JO_page h2 {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 11px;
			left:				240px;
			top:				0px;
			width:				707px;
			color:				black;
			font-size:			11px;
			line-height:		31px;
			border:				1px dashed #C2C2C2 /* 30 */;
			border-top:			0px;
		}

		.JO_page h3 {
			position:			absolute;
			margin:				0px;
			padding:			0px 10px 0px 0px;
			left:				600px;
			top:				0px;
			width:				350px;
			font-size:			11px;
			font-weight:		normal;
			line-height:		31px;
			text-align:			right;
		}



	/* Unit */

		.JO_unit	{
			position:			relative;
			width:				960px;
			height:				124px;
		}

		.JO_unit h1 {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 12px;
			left:				0px;
			top:				0px;
			width:				228px;
			color:				black;
			font-size:			15px;
			line-height:		32px;
		}

		.JO_unit div.unit {
			position:			absolute;
			margin:				0px;
			padding:			4px 3px 3px 3px;
			left:				240px;
			top:				0px;
			width:				712px;
			height:				116px;
			border:				1px dashed #C2C2C2   ;
			border-top:			0px;
		}

		.JO_unit div.unit img {
			width:				712px;
			height:				116px;
			background-color:	#EBEBEB;   
		}



	/* Box 240 */

		.JO_box_240 {
			position:			relative;
			margin:				4px;
			padding:			27px 3px 3px 3px;
			width:				224px;
			border:				1px solid #EBEBEB; /* 10 */
		}

		.JO_box_240 h1	{
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				-1px;
			top:				-1px;
			width:				224px;
			color:				#464646 /* 80 */;
			font-size:			11px;
			font-family:		tahoma;
			line-height:		24px;
			background-color:	#EBEBEB; /* 10 */
		}

		.JO_box_240 h2	{
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				116px;
			top:				-1px;
			width:				109px;
			color:				#464646; /* 80 */
			font-size:			11px; 
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		24px;
			text-align:			right;
		}

		.JO_box_240 div {
			position:			relative;
			margin:				0px;
			padding:			0px 0px 0px 4px;
			width:				224px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			/* background: #464646; */
		}

		.JO_box_240 .JO_menu {
			display:			block;
			margin:				0px;
			padding:			0px 0px 0px 6px;
			width:				218px;
			line-height:		20px;
		}

		.JO_box_240 .JO_menu:hover {
			background:			#EBEBEB; /* 10 */
		}

			

	/* Bar 240 */

		.JO_bar_240 {
			position:			relative;
			margin:				4px;
			padding:			28px 4px 4px 4px;
			width:				224px;
			/* background: #D7D7D7; */
		}

		.JO_bar_240 h1	{
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				0px;
			top:				0px;
			width:				224px;
			color:				#464646 /* 80 */;
			font-size:			11px;
			font-family:		tahoma;
			line-height:		23px;
			border-bottom:		1px solid #D7D7D7; /* 20 */
			background-color:	#EBEBEB; /* 10 */
			/* background: #ACACAC; */
		}

		.JO_bar_240 h2	{
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				116px;
			top:				0px;
			width:				109px;
			color:				#464646 /* 80 */;
			font-size:			11px; 
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		23px;
			text-align:			right;
			/* background: #7D7D7D; */
		}

		.JO_bar_240 div {
			position:			relative;
			margin:				0px;
			padding:			0px 0px 0px 4px;
			width:				224px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			/* background: #464646; */
		}


			
	/* Photo 240 */

		.JO_photo_240_72 {
			position:			relative;
			margin:				0px;
			padding:			0px;
			width:				226px;
			height:				80px;
			/* background: #D70000; */
		}

		.JO_photo_240_72 img	{
			position:			absolute;
			margin:				0px;
			padding:			0px;
			left:				4px;
			top:				4px;
			width:				72px;
			height:				72px;
			border:				0px;
			background-image:	url( "JO_80_image/JO_12_photo_72.jpg" );
		}

		.JO_photo_240_72 h3 {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				76px;
			top:				8px;
			width:				144px;
			font-size:			11px;
			line-height:		16px;
			/* background: #AC0000; */
		}

		.JO_photo_240_72 h4 {
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				152px;
			top:				8px;
			width:				69px;
			font-size:			11px;
			font-weight:		normal;
			line-height:		16px;
			text-align:			right;
			/* background: #7D0000; */
		}

		.JO_photo_240_72 p {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				76px;
			top:				24px;
			width:				144px;
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			/* background: #460000; */
		}



	/* Bar 720 */

		.JO_bar_720 {
			position:			relative;
			margin:				4px;
			padding:			28px 4px 4px 4px;
			width:				704px;

		}

		.JO_bar_720 h1	{
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				0px;
			top:				0px;
			width:				704px;
			color:				#464646; /* 80 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		23px;
			border-bottom:		1px solid #D7D7D7; /* 20 */
			background-color:	#EBEBEB; /* 10 */

		}

		.JO_bar_720 h2	{
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				356px;
			top:				0px;
			width:				349px;
			color:				#464646; /* 80 */
			font-size:			11px; 
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		23px;
			text-align:			right;
		}

		.JO_bar_720 div {
			position:			relative;
			margin:				0px;
			padding:			0px 0px 0px 4px;
			width:				704px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
		}

		.JO_bar_720 table {
			margin:				4px 4px 4px 0px;
			width:				696px;'
		}

		.JO_bar_720 tr:hover {
			background-color:	#EBEBEB; /* 10 */
		}

		.JO_bar_720 .JO_checkbox {
			position:			absolute;
			margin:				0px;
			padding:			0px;
			left:				-2px;
			top:				1px;
		}

		.JO_bar_720 hr {
			padding:			0px;
			margin:				0px;
			height:				8px;
			line-height:		0px;
			border:				0px;
		}

/*
////
///480
//
Bar 720 */

			.JO_bar_480 {
			position:			relative;
			margin:				4px;
			padding:			28px 4px 4px 4px;
			width:				462px;
			border:				1px solid #EBEBEB;
		}

		.JO_bar_480 h1	{
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				0px;
			top:				0px;
			width:				464px;
			color:				#464646; /* 80 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		23px;
			border-bottom:		1px solid #D7D7D7; /* 20 */
			background-color:	#EBEBEB; /* 10 */

		}

		.JO_bar_480 h2	{
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				356px;
			top:				0px;
			width:				349px;
			color:				#464646; /* 80 */
			font-size:			11px; 
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		23px;
			text-align:			right;
		}

		.JO_bar_480 div {
			position:			relative;
			margin:				0px;
			padding:			0px 0px 0px 4px;
			width:				464px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
		}

		.JO_bar_480 table {
			margin:				4px 4px 4px 0px;
			width:				456px;
		}

		.JO_bar_480 tr:hover {
			background-color:	#EBEBEB; /* 10 */
		}

		.JO_bar_480 .JO_checkbox {
			position:			absolute;
			margin:				0px;
			padding:			0px;
			left:				-2px;
			top:				1px;
		}

		.JO_bar_480 hr {
			padding:			0px;
			margin:				0px;
			height:				8px;
			line-height:		0px;
			border:				0px;
		}


*/
/*JO_box_4800*/
		.JO_box_480 {
			position:			relative;
			margin:				4px;
			padding:			27px 3px 3px 3px;
			width:				464px;
			border:				1px solid #EBEBEB; /* 10 */
		}

		.JO_box_480 h1	{
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				-1px;
			top:				-1px;
			width:				464px;
			color:				#464646 /* 80 */;
			font-size:			11px;
			font-family:		tahoma;
			line-height:		24px;
			background-color:	#EBEBEB; /* 10 */
		}

		.JO_box_480 h2	{
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				116px;
			top:				-1px;
			width:				109px;
			color:				#464646; /* 80 */
			font-size:			11px; 
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		24px;
			text-align:			right;
		}

		.JO_box_480 div {
			position:			relative;
			margin:				0px;
			padding:			0px 0px 0px 4px;
			width:				464px;
			color:				#7D7D7D; /* 60 */
			font-size:			11px;
			font-family:		tahoma;
			line-height:		16px;
			/* background: #464646; */
		}

		.JO_box_480 .JO_menu {
			display:			block;
			margin:				0px;
			padding:			0px 0px 0px 6px;
			width:				218px;
			line-height:		20px;
		}

		.JO_box_480 .JO_menu:hover {
			background:			#EBEBEB; /* 10 */
		}
/*JO_box_240*/

	/* Fashion // NOT YET */

		.JO_fashion {
			position:			relative;
			float:				left;
			margin:				3px;
			padding:			0px;
			width:				112px;
			height:				192px;
		}

		.JO_fashion img {
			position:			absolute;
			left:				0px;
			top:				0px;
			width:				112px;
			height:				150px;
		}

		.JO_fashion h3 {
			position:			absolute;
			margin:				0px;
			padding:			0px 0px 0px 8px;
			left:				0px;
			top:				154px;
			width:				104px;
			font-size:			11px;
			font-family:		tahoma;
			line-height:		15px;
		}

		.JO_fashion h4 {
			position:			absolute;
			margin:				0px;
			padding:			0px 7px 0px 0px;
			left:				0px;
			top:				172px;
			width:				105px;
			font-size:			11px;
			font-family:		tahoma;
			font-weight:		normal;
			line-height:		15px;
			text-align:			right;
		}
		.checktop{
			background: url(JO_80_image/heart.png) right center no-repeat;
			z-index: -10;
		}
.nohover:hover{
    background-color:	#ffffff;
}
.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


div.JO_mobi:hover{
	border-bottom:0 !important;
	cursor:pointer !important;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}
<!--lam lai-->
.JO_RBT
{
			float:left !important;
			width:75px !important;
	
}
<!--lam lai lan 3-->
.JO_mobile
{
	border:1px solid;
	width:30px ;
	padding:4px !important;
	font-size:16px;
	margin-top:4px !important;
	margin-bottom:0px !important;
	text-align:center;
	height:14px !important;
}
.JO_box_240 td.left
{
	text-align:justify;
	border-bottom: 0px;
	padding:4px;
	width:240px;
}
.JO_box_240_0 td.right
{
	text-align:justify;
	border-bottom: 0px !important;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:8px;
	width:50px;	
}
.JO_box_240_0 td.right2
{
	text-align:justify;
	border-bottom: 0px;
	padding-top:0px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	width:190px;
}
.JO_bar_240_0 {
position: relative;
margin: 4px;
padding: 28px 4px 4px 4px;
width: 222px;
}

.active
{
 border-bottom:none !important;	
}